<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>投资说明</title>
	  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	  <style>
	  *{
	  	padding: 0;
	  	margin: 0;
	  	box-sizing: border-box;
	  }
	  	html{
	  		font-family: "微软雅黑";
	  	}
		.description-img{
			width: 13.8rem;
			height: 8.48rem;
			position: relative;
		}
		.description{
			width: 100%;
			height:8.48rem;
			overflow: hidden;
			margin-top: 15px;
		}
		.privileged{
			width: 100%;
		}
		.privileged-img{
			display: block;
			width:4.18rem;
			height: 0.9rem;
			margin: 15px auto;
		}
		.descrip-text{
			width:100%;
			padding: 0 10px;
			text-indent: 0.9rem;
			font-size:0.426rem; 
		}
		.image-Class{
			width: 100%;
			height: 8.18rem;
			margin-top: 15px;
		}
		.instruct{
			padding: 0 13px;
			margin-bottom: 111px;
		}
	  </style>
</head>
<body>
	<div class="instruct">
	<div class="privileged"><img src="img/icon-Class.png" alt="" class="privileged-img"></div>
	<div class="descrip-text">投资人等级是根据投资人所得荣耀值划分的，共分为5个等级:青铜、白银、黄金、钻石、荣耀、未认证通过的投资人不适用投资人等级规则。</div>
	<div><img src="img/image-Class.png" alt="" class="image-Class"></div>
		<div class="privileged"><img src="img/Privileged.png" alt="" class="privileged-img"></div>
		<div class="descrip-text">按投资人等级划分不同投资特权，投资等级越高特权越多。</div>
	<div class="description"><img src="img/description.png" alt="" class='description-img'></div>
	</div>
</body>
<script type="text/javascript">
  		var oImg=document.getElementsByClassName('description-img')[0];
  		oImg.addEventListener('touchstart',function(event){
  			var event=event||window.event;
  			var initX=event.touches[0].pageX;
  			var imgLeft=oImg.offsetLeft-13;
  		oImg.addEventListener('touchmove',function(event){
			var event=event||window.event;
  			var moveX=event.touches[0].pageX;
  			var sub=initX-moveX;
  			var screen=document.documentElement.clientWidth
  			rem=screen/10;
  			if ((-sub+imgLeft)>0) {
			oImg.style.left="0px";
  			}else if ((-sub+imgLeft)<-4.46*rem) {
  				oImg.style.left=-4.446*rem+'px';
  			}else{
  				oImg.style.left=-sub+imgLeft+'px';
  			}
  		},false);
  		oImg.addEventListener('touchend',function(){
  			oImg.removeEventListener('touchmove',false);
  			oImg.removeEventListener('touchend',false)
  		},false)
  		},false);
</script>
  <script src='js/flexible.js'></script>
</html>